@charset "UTF-8";
/* -------------------------------------------------------- CSS Information */
/*body*/
html,
body {
	color: #333;
	font-family:Arial, Helvetica, sans-serif;
	margin:0; padding:0;
	height:100%;
	background:url(../images/images/body_bg.jpg) left top repeat-x;
}
/*#container{float:left; margin:0; padding:0; background:url(../images/footerbg.jpg) left bottom repeat-x;}*/
body, div, section, pre, p, blockquote, form, fieldset, input, textarea, select, option, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, table, th, td, tr, embed, object, a, img {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
#wrapper {
	min-height:100%;
	position:relative;
}

/*link*/ 
a {
	color: #333;
}
a img {
	border-style: none;
}
a:visited {
	color: #333;
	text-decoration:none;
}
a:hover {
	color: #333;
	text-decoration:none;

}
/*font*/
h1, h2, h3, h4, h5, h6, p {
	font-style: normal;
	font-weight: normal;
	line-height: 150%;
}
/*others*/
table {
	border-spacing:0;
}
* html table {
	border-collapse:collapse;
}
*:first-child+html table {
	border-collapse:collapse;
}
th, td {
	vertical-align: middle;
	border-collapse:collapse;
}
table, th, td, tr, img {
	border:0;
}
img {
	vertical-align:bottom;
}
input {
	vertical-align:middle;
}
q:before, q:after {
	content:'';
}
ul {
	list-style: none;
}
/*HeaderBox*/
#headerarea {
	height: 165px;
	text-align: left;
	margin:0 20px 20px 20px;
}
#header {
	height: 165px;
	width: 100%;
	text-align: left;
	margin: 0 auto;
}
#header01{float:left; margin:0; padding:0; width:100%; height:30px;}
#header01 ul{float:right; margin:0; padding:8px 0 0 0; width:240px;}
#header01 ul li{float:left; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff;}
#header01 ul li a{text-decoration:none; color:#fff;}
#header01 ul li a:hover{text-decoration:underline; color:#fff;}
#header01 ul li.li01{float:left; margin:0; padding:0 8px 0 8px; color:#fff;}

#header02{float:left; margin:0 0 10px 0; padding:0; width:100%; height:95px;}
#header02 p.logo{float:left; margin:0; padding:0; line-height:1%;}
.search{float:right; margin:25px 0 0 0; padding:0; width:300px;}
.search_bg{width:300px; height:27px; border:1px solid #c1c1c1;}
.txt_box{float:left; margin:5px 0 0 0; padding:0 0 0 5px; display:inline;}
.txt_box input{border:none;}
.btn_search{float:right; margin:0; padding:6px 6px 0 0; line-height:1%;}

#header03{float:left; margin:0; padding:0; width:100%;}
#header03{float:left; margin:0; padding:0;}
#header03 ul.ul_menu{float:left; margin:0; padding:0; display:inline;}
#header03 ul.ul_menu li{float:left; margin:0 70px 0 0; padding:0; list-style:none;}

/*------------------------------------------------------------Content*/
/*ContentareaBox*/
#contentarea {
	margin:0 20px 0 20px;
}
#content {
	float:left;
	width: 100%;
	margin: 0 auto;
	text-align: left;
	font-size:12px;
	line-height:1.43em;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0;
}

/*------------------------------------------------------------ClearFix*/
.clearfix:after {
	content: url(../images/images/spacer.gif);
	display: block;
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
	display: block;
}
.clear {
	clear: both;
}
.img_l{float:left; margin:0; padding:0; line-height:1%;}
.img_r{float:right; margin:0; padding:0; line-height:1%;}

/*------------------------------------------------------------Margin*/
.mar_b04{margin-bottom:4px;}

/*------------------------------------------------------------PageNavi*/
.page{margin:0 auto; padding:0;}
#pagenavi {
	margin: 0;
	padding: 19px 10px 5px;
	text-align: center;
}
#pagenavi li {
	display: inline;
	margin: 0 2px;
	padding: 0;
}
#pagenavi li span {
	display: inline-block;
	text-decoration: none;
	vertical-align: middle;
	margin-bottom: 5px;
	padding: 3px 10px;
	color: #666666;
	border: 1px solid #CCC;
	background: #E4E4E4;
	/* CSS3 */
	border-radius: 3px;
	/* Webkit */
    -webkit-border-radius: 3px;
	/* Firefox */
    -moz-border-radius: 3px;
}
#pagenavi li a {
	display: inline-block;
	text-decoration: none;
	vertical-align: middle;
	margin-bottom: 5px;
	padding: 3px 10px;
	color: #666666;
	border: 1px solid #CCC;
	background: #F2F2F2;
	/* CSS3 */
	border-radius: 3px;
	text-shadow:1px 1px 0 #FFF;
	/* Webkit */
    -webkit-border-radius: 3px;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	/* Firefox */
    -moz-border-radius: 3px;
	background: -moz-linear-gradient(top, #fff, #eee);
	/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient (startColorstr=#ffeeeeee, endColorstr=#ffffffff);
	zoom: 1;
}
#pagenavi li span {
	color: #999;
}
#pagenavi li a:hover {
	background: #DFDFDF;
}

/*------------------------------------------------------------Footer*/
/*FooterBox*/
#footerarea {
	text-align: left;
	margin:0 auto;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(../images/images/footerbg.jpg) left top repeat-x #f4f4f4;
}
#footer {
	width: 100%;
	margin: 0 auto;
	padding:10px 0 10px 0;
	background:url(../images/images/footerbg.jpg) left top repeat-x #f4f4f4;
	position:absolute;
	bottom:0;
	left:0;
}
.copyright {font-size:11px; padding:0; margin:0 0 0 20px; float:left;}
/*------------------------------------------------------------All_Meal_Plans*/
.box01{float:left; margin:0 0 20px 0; padding:0; width:100%;}
ul.ul01{float:right; margin:0; padding:0;}
ul.ul01 li{float:left; margin:0 20px 0 0; padding:0; display:inline; list-style:none;}
ul.ul01 li.li01{float:left; margin:0; padding:0; display:inline; list-style:none;}
.box02{float:left; margin:0 0 20px 0; padding:0; width:100%;}
ul.ul02{float:left; margin:0; padding:0;}
ul.ul02 li{float:left; margin:0 14px 14px 0; padding:4px; border:1px solid #bcbcbc;}


